<%--
  Created by IntelliJ IDEA.
  User: Echo
  Date: 2022/3/13
  Time: 8:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
<style>
    form
    {
        text-align: center;
        color: blue;

    }
    .button {
        background-color:#555555; /* 绿色 */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
    }
    ul.pagination {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    ul.pagination li {display: inline;}

    ul.pagination li a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        border-radius: 5px;
    }

    ul.pagination li a.active {
        background-color: #4CAF50;
        color: white;
        border-radius: 5px;
    }

    ul.pagination li a:hover:not(.active) {background-color: #ddd;}
    input
    {
        width: 30px;
    }
</style>
</head>
<body background="1.jpg">
<div style="text-align: center">
<form action="/studentAdd">
    <input name="studentId" placeholder="ID">
    <br><br>
    <input name="name" placeholder="名字">
    <br><br>
    <input name="date" placeholder="年月日" type="date">
    <br><br>
    <input name="cn" placeholder="11位电话" maxlength="11">
    <br><br>
    <select name="semester" id="semester">
        <option value="hh">请输入学期</option>
        <option value="one">1</option>
        <option value="two">2</option>
        <option value="three">3</option>
        <option value="four">4</option>
        <option value="five">5</option>
        <option value="six">6</option>
    </select>
    <br><br>
    <select name="studentStatus" id="status">
        <option value="hh">请输入学生状态</option>
        <option value="one">A</option>
        <option value="two">L</option>
    </select>
    <br><br>
    <button class="button">sumbit</button>

</form>
</div>
<ul class="pagination">
    <li><a href="#">«</a></li>
    <li><a href="index.jsp">1</a></li>
    <li><a class="active" href="#">2</a></li>
    <li><a href="update.jsp">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">»</a></li>
</ul>
</body>
</html>
